<!--
 * @Author: Squall.Hu
 * @Date: 2021-01-26 14:15:38
 * @Email: squallml@qq.com
 * @LastEditTime: 2021-01-26 15:45:31
 * @Description: ss
-->
<!DOCTYPE html>
<html lang="zh_CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .header {
            font-size: 30pt;
            margin-left: 100px;
            margin-top: 200px;
            background-color: brown;
        }

        .main {
            background-color: burlywood;
            margin: 100px;
            text-align: center;
            border-radius: 25px;
            box-shadow: 2px 2px 20px #888888;
        }
    </style>
</head>

<body>
    <div class="home">

        <div id="1" class="header">

            header
        </div>

        <div class="main">
            <img src="./img/logo.png" alt="ss">
            <input id="username" type="password">
            <p>
                sssssssssss
            </p>

            <table class="table">
                <td>
                    <tr>
                        sss
                    </tr>
                    <tr>
                        sss
                    </tr>
                    <tr>
                        sss
                    </tr>
                </td>
                <td>
                    <tr>
                        11
                    </tr>
                    <tr>
                        sss
                    </tr>
                    <tr>
                        sss
                    </tr>
                </td>
            </table>
        </div>
        <div id="footer" class="footer">
            footer
        </div>
    </div>
    <script>
        'use strict'

        class Animal {
            constructor(name) {
                this.name = name;
            }
            
            }

        class Cat extends Animal {
                constructor(name, grade) {
                    super(name); // 记得用super调用父类的构造方法!
                    this.grade = grade;
                }
                say() {
                alert('Hello, ' + this.name + '!');
                }
            }

            var kitty = new Cat('Kitty');
            var doraemon = new Cat('哆啦A梦');
            if (kitty && kitty.name === 'Kitty' &&
                kitty.say &&
                typeof kitty.say === 'function' &&
                kitty.say() === 'Hello, Kitty!' &&
                kitty.say === doraemon.say
            ) {
                document.write('测试通过!');
            } else {
                document.write('测试失败!');
            }
    </script>

</body>

</html>